import React from "react";

const Index = () => {
    return (
        <div>
            <h3>
                概念：装饰器（Decorator）模式，是一种在运行期动态给某个对象的实例增加功能的方法。
            </h3>
            <h3>
                装饰器（Decorator）是一种与类（class）相关的语法，用来注释或修改类和类方法。
                装饰器是一种函数，写成@ +
                函数名。它可以放在类和类方法的定义前面。 其实只是一个语法糖.
                还没有正式发布,
                还需要插件babel-plugin-transform-decorators-legacy使用
            </h3>
            <ul>
                <li>
                    这种类型的设计模式属于结构型模式，它是作为现有的类的一个包装
                </li>
                <li>
                    动态地给一个对象添加一些额外的职责。就增加功能来说，相比生成子类更为灵活。
                </li>
                <li>
                    例如，手机上套一个壳可以保护手机，壳上粘一个指环，这样手机的功能一点都没变，只是为其装饰附加了一些其他的功能
                </li>
            </ul>
            <h3>
                作用于类属性的装饰器表达式会在运行时当作函数被调用，传入下列3个参数
                target、name、descriptor：
            </h3>
            <ul>
                <li>
                    target:
                    对于静态成员来说是类的构造函数，对于实例成员是类的原型对象
                </li>
                <li>name: 成员的名字 </li>
                <li>descriptor: 成员的属性描述符</li>
            </ul>
        </div>
    );
};
export default Index;
